<div id="integrityDisciplineCard" style="width: 98%; background: #FFFFFF; box-shadow: 0 8px 16px 0 #22335514, inset 4px 0 0 0 #ff660066; border-radius: 2px 8px 8px 8px; display: flex; flex-direction: column; overflow: hidden;">
    <div style="height: 26px; background: #FFEFE5FF; border-radius: 0 0 12px 0; display: flex; align-items: center; margin-right: 0.3rem;margin-left: 4px;">
        <div id="integrityDisciplineName"
             style="font-weight: 500; font-size: 14px; padding-left: 16px; color: #FF6600FF; line-height: 22px;">
            廉洁与纪律
        </div>
    </div>
    <div style="display: flex; flex-direction: column; padding: 8px 16px;">
        <div>
            <div style="font-size: 14px; color: #6B7A99;line-height: 22px;">不合规次数</div>
            <div id="integrityDisciplineCount"
                 style="font-size: 24px; font-weight: 500; color: #223355;line-height: 28px;">63
            </div>
        </div>
    </div>

</div>


<div id="infoDisclosureCard" style="width: 100%; background: #FFFFFF; box-shadow: 0 8px 16px 0 #22335514, inset 4px 0 0 0 #ff33dd66; border-radius: 2px 8px 8px 8px; display: flex; flex-direction: column; overflow: hidden;">
    <div style="height: 26px; background: #FFEAFBFF; border-radius: 0 0 12px 0; display: flex; align-items: center; margin-right: 0.3rem;margin-left: 4px;">
        <div id="infoDisclosureName"
             style="font-weight: 500; font-size: 14px; padding-left: 16px; color: #FF33DDFF; line-height: 22px;">
            信息公开
        </div>
    </div>
    <div style="display: flex; flex-direction: column; padding: 8px 16px;">
        <div>
            <div style="font-size: 14px; color: #6B7A99;line-height: 22px;">不合规次数</div>
            <div id="infoDisclosureCount" style="font-size: 24px; font-weight: 500; color: #223355;line-height: 28px;">
                63
            </div>
        </div>
    </div>
</div>


<div id="enforcementImpactCard" style="width: 98%; background: #FFFFFF; box-shadow: 0 8px 16px 0 #22335514, inset 4px 0 0 0 #4433ff66; border-radius: 2px 8px 8px 8px; display: flex; flex-direction: column; overflow: hidden;">
    <div style="height: 26px; background: #ECEAFFFF; border-radius: 0 0 12px 0; display: flex; align-items: center; margin-right: 0.3rem; margin-left: 4px;">
        <div id="enforcementImpactName"
             style="font-weight: 500; font-size: 14px; padding-left: 16px; color: #4433FFFF; line-height: 22px;">
            执法效果与社会影响
        </div>
    </div>
    <div style="display: flex; flex-direction: column; padding: 8px 16px;">
        <div>
            <div style="font-size: 14px; color: #6B7A99;line-height: 22px;">不合规次数</div>
            <div id="enforcementImpactCount"
                 style="font-size: 24px; font-weight: 500; color: #223355;line-height: 28px;">63
            </div>
        </div>
    </div>
</div>


<div id="discretionExerciseCard" style="width: 100%; background: #FFFFFF; box-shadow: 0 8px 16px 0 #22335514, inset 4px 0 0 0 #ffaa0066; border-radius: 2px 8px 8px 8px; display: flex; flex-direction: column; overflow: hidden;">
    <div style="height: 26px; background: #FFF6E5FF; border-radius: 0 0 12px 0; display: flex; align-items: center; margin-right: 0.3rem; margin-left: 4px;">
        <div id="discretionExerciseName"
             style="font-weight: 500; font-size: 14px; padding-left: 16px; color: #FFAA00FF; line-height: 22px;">
            自由裁量权行使
        </div>
    </div>
    <div style="display: flex; flex-direction: column; padding: 8px 16px;">
        <div>
            <div style="font-size: 14px; color: #6B7A99;line-height: 22px;">不合规次数</div>
            <div id="discretionExerciseCount"
                 style="font-size: 24px; font-weight: 500; color: #223355;line-height: 28px;">63
            </div>
        </div>
    </div>
</div>


<div id="documentArchiveCard" style="width: 98%; background: #FFFFFF; box-shadow: 0 8px 16px 0 #22335514, inset 4px 0 0 0 #33bbff66; border-radius: 2px 8px 8px 8px; display: flex; flex-direction: column; overflow: hidden;">
    <div style="height: 26px; background: #EAF8FFFF; border-radius: 0 0 12px 0; display: flex; align-items: center; margin-right: 0.3rem; margin-left: 4px">
        <div id="documentArchiveName"
             style="font-weight: 500; font-size: 14px; padding-left: 16px; color: #33BBFFFF; line-height: 22px;">
            文书制作与案卷管理
        </div>
    </div>
    <div style="display: flex; flex-direction: column; padding: 8px 16px;">
        <div>
            <div style="font-size: 14px; color: #6B7A99;line-height: 22px;">不合规次数</div>
            <div id="documentArchiveCount" style="font-size: 24px; font-weight: 500; color: #223355;line-height: 28px;">
                63
            </div>
        </div>
    </div>
</div>

<div id="evidenceQualityCard" style="width: 100%; background: #FFFFFF; box-shadow: 0 8px 16px 0 #22335514, inset 4px 0 0 0 #aa33ff66; border-radius: 2px 8px 8px 8px; display: flex; flex-direction: column; overflow: hidden;">
    <div style="height: 26px; background: #F6EAFFFF; border-radius: 0 0 12px 0; display: flex; align-items: center; margin-right: 0.3rem;margin-left: 4px;">
        <div id="evidenceQualityName"
             style="font-weight: 500; font-size: 14px; padding-left: 16px; color: #AA33FF; line-height: 22px;">
            证据质量
        </div>
    </div>
    <div style="display: flex; flex-direction: column; padding: 8px 16px;">
        <div>
            <div style="font-size: 14px; color: #6B7A99;line-height: 22px;">不合规次数</div>
            <div id="evidenceQualityCount" style="font-size: 24px; font-weight: 500; color: #223355;line-height: 28px;">
                63
            </div>
        </div>
    </div>
</div>


<div id="procedureStandardCard" style="width: 98%; background: #FFFFFF; box-shadow: 0 8px 16px 0 #22335514, inset 4px 0 0 0 #11c79b66; border-radius: 2px 8px 8px 8px; display: flex; flex-direction: column; overflow: hidden;">
    <div style="height: 26px; background: #E7F9F5FF; border-radius: 0 0 12px 0; display: flex; align-items: center; margin-right: 0.3rem;;margin-left: 4px;">
        <div id="procedureStandardName"
             style="font-weight: 500; font-size: 14px; padding-left: 16px; color: #11C79BFF; line-height: 22px;">
            程序规范性
        </div>
    </div>
    <div style="display: flex; flex-direction: column; padding: 8px 16px;">
        <div>
            <div style="font-size: 14px; color: #6B7A99;line-height: 22px;">不合规次数</div>
            <div id="procedureStandardCount"
                 style="font-size: 24px; font-weight: 500; color: #223355;line-height: 28px;">63
            </div>
        </div>
    </div>
</div>


<div id="entityValidityCard" style="width: 100%; background: #FFFFFF; box-shadow: 0 8px 16px 0 #22335514, inset 4px 0 0 0 #3388ff66; border-radius: 2px 8px 8px 8px; display: flex; flex-direction: column; overflow: hidden;">
    <div style="height: 26px; background: #E8F4FB; border-radius: 0 0 12px 0; display: flex; align-items: center; margin-right: 0.3rem;margin-left: 4px;">
        <div id="entityValidityName"
             style="font-weight: 500; font-size: 14px; padding-left: 16px; color: #2195D9; line-height: 22px;">
            实体合法性
        </div>
    </div>
    <div style="display: flex; flex-direction: column; padding: 8px 16px;">
        <div>
            <div style="font-size: 14px; color: #6B7A99;line-height: 22px;">不合规次数</div>
            <div id="entityValidityCount" style="font-size: 24px; font-weight: 500; color: #223355;line-height: 28px;">
                63
            </div>
        </div>
    </div>
</div>




